<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix='fmt' uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>QuickStart示例:<sitemesh:title/></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="${ctx}/ui/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .brand { font-family: georgia, serif; }
      .brand .first {
          color: #ccc;
          font-style: italic;
      }
      .brand .second {
          color: #fff;
          font-weight: bold;
      }
      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>

    <link href="${ctx}/ui/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="${ctx}/ui/bootstrap/css/theme/theme.css">
    <link rel="stylesheet" href="${ctx}/ui/font-awesome/css/font-awesome.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script type="text/javascript" src="ui/bootstrap/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
   <sitemesh:head/>
  </head>

  <body>

        <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container-fluid">
                <ul class="nav pull-right">

                    <li id="fat-menu" class="dropdown">
                        <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-user"></i>${sessionScope.user.userName}
                            <i class="icon-caret-down"></i>
                        </a>

                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="${sessionScope.user.userName}/setting.html"><fmt:message key="user.settings"  /></a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="${ctx}/logout.html"><fmt:message key="user.logout" /></a></li>
                        </ul>
                    </li>

                </ul>
                <a class="brand" href="index.html"><span class="first">i</span> <span class="second">WMS</span></a>
              </div><!--/.nav-collapse -->
            </div>
          </div>
        </div>

        <div class="container-fluid">
          <div class="row-fluid">
            <div class="span3">
                <div class="accordion sidebar-nav" id="accordion2">
                    <div class="accordion-group">
                        <div class="accordion-heading nav-header">
                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                            <i class="icon-dashboard"></i>Dashboard
                            </a>
                        </div>
                        <ul id="collapseOne" class="accordion-body nav nav-list collapse in">
                          <li><a href="index.html">Home</a></li>
                          <li><a href="users.html">Sample List</a></li>
                          <li><a href="user.html">Sample Item</a></li>
                          <li><a href="gallery.html">Gallery</a></li>
                          <li><a href="calendar.html">Calendar</a></li>
                          <li><a href="faq.html">Faq</a></li>
                          <li><a href="help.html">Help</a></li>
                        </ul>
                    </div>
                    <div class="accordion-group">
                      <div class="accordion-heading nav-header">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                          <i class="icon-briefcase"></i>
                          Account
                        </a>
                      </div>
                      <ul id="collapseTwo" class="accordion-body nav nav-list collapse in">
                        <li><a href="sign-in.html">Sign In</a></li>
                        <li><a href="sign-up.html">Sign Up</a></li>
                        <li><a href="reset-password.html">Reset Password</a></li>
                      </ul>
                    </div>
                    <div class="accordion-group">
                      <div class="accordion-heading nav-header">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
                          <i class="icon-exclamation-sign"></i>
                          Error Pages
                        </a>
                      </div>
                      <ul id="collapseThree" class="accordion-body nav nav-list collapse in">
                      <li><a href="403.html">403 page</a></li>
                      <li><a href="404.html">404 page</a></li>
                      <li><a href="500.html">500 page</a></li>
                      <li><a href="503.html">503 page</a></li>
                      </ul>
                    </div>
                </div>
            </div><!--/span-->
                <sitemesh:body/>
            </div><!--/span-->
          </div><!--/row-->


          <hr>
          <%@ include file="/WEB-INF/layouts/footer.jsp"%>

        </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="${ctx}/ui/jquery.js"></script>
    <script src="${ctx}/ui/bootstrap/js/bootstrap.js"></script>

  </body>
</html>
